<template>
	<div class="week">
		<div class="week-top">
			<p>周末去哪儿</p>
		</div>
		<div class="week-bottom">
			<ul>
				<li class="weeklist" v-for="item in weekList">
					<img :src="item.imgUrl" alt="">
					<p>{{ item.title}}</p>
					<span>{{ item.introduce}}</span>
				</li>
			</ul>
		</div>
	</div>
</template>
<script>
	export default{
		data(){
			return{
				weekList:[
					{
						"id":1,
						"imgUrl":"http://img1.qunarzz.com/sight/source/1505/19/58f233e11df7ef.jpg_r_640x214_6b42c9fc.jpg",
						"title":"西安必打卡",
						"introduce":"寻长安梦，开启穿越的圆梦之旅"
					},
					{
						"id":2,
						"imgUrl":"http://img1.qunarzz.com/sight/source/1811/63/808c022b285a2c.jpg_r_640x214_ad984479.jpg",
						"title":"探寻文化古都",
						"introduce":"一场时空穿越的旅行，探寻历史悠久的文化古都！寻觅历史留下的点点足迹，细细品味古人的伟大"
					},
					{
						"id":3,
						"imgUrl":"http://img1.qunarzz.com/sight/source/1505/30/67d5e62ca78a29.jpg_r_640x214_9dfb4295.jpg",
						"title":"西安花花世界",
						"introduce":"月落星驰又一春，不负人间看花人"
					},
					{
						"id":4,
						"imgUrl":"http://img1.qunarzz.com/sight/source/1507/de/e6ba44d61894c0.jpg_r_640x214_847324d0.jpg",
						"title":"西安演出在线",
						"introduce":"这里有绚丽奇幻的神秘梦幻舞剧，歌舞揭开盛唐面纱，体验穿越时空的奇妙，感受大唐之盛世"
					},
					{
						"id":5,
						"imgUrl":"http://img1.qunarzz.com/sight/source/1507/fe/679926851c309a.jpg_r_640x214_114816de.jpg",
						"title":"西安亲子必玩",
						"introduce":"西安亲子必去景点，和家人一起度过欢乐亲子时光，带你嗨翻假期！"
					},
				]
			}
		}
	}
</script>
<style scoped>
	.week-top p{
		font-size: .28rem;
		color: #212121;
		padding-left: .26rem;
		line-height: .8rem;
	}
	.weeklist{
		background-color: #fff;
		padding-bottom: .2rem;
		margin-bottom:.1rem; 
	}
	.weeklist img{
		width: 100%;
	}
	.weeklist p{
		color: #212121;
    	font-size: .28rem;
    	padding-left: .2rem;
    	line-height: .48rem;
	}
	.weeklist span{
		display: block;
		color: #616161;
    	font-size: .24rem;
    	padding-left: .2rem;
    	line-height: .42rem;
    	overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		width: 5.1rem;
	}
</style>